<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>首页</title>
<!-- Plugins CSS -->
<link href="${pageContext.request.contextPath}/dist/css/plugins.css" rel="stylesheet" >
<!-- Custom CSS -->
<link href="${pageContext.request.contextPath}/dist/css/style.css" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="${pageContext.request.contextPath}/dist/images/favicon.ico">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		$(function () {
			//显示最新文章
			$.get("${pageContext.request.contextPath}/ArticleController",{op:"queryArticlesFor5"},function(data) {
			$("#last").empty();
		    $.each(data,function(n, articles) {
			$("#last").append("<div class=\"col-lg-4 col-md-6\"><div class=\"blog-card\">\r\n" +		 		
		"   <div class=\"blog-img\"><a href=\"blog-single.html\"><img src=\"${pageContext.request.contextPath}/dist/images/blog-img1.jpg\" alt=''></a><div class=\"blog-date\"><span>"+articles.articleDate.substring(0,articles.articleDate.length-2)+"</span></div></div>\r\n" +
		"   <div class=\"blog-text\"><h3><a href='${pageContext.request.contextPath}/ArticleController?op=queryById&articleId="+ articles.articleId+"'>"+ articles.articleTitle+"</a></h3>\r\n" +
		"   <div class=\"post-info\"><img src=\"${pageContext.request.contextPath}/dist/images/blog-author-1.png\" alt=''> <a href='#'class=\"ml-3\"><p>"+ articles.users.userAccount+ "</p></a> <a href=\"${pageContext.request.contextPath}/ArticleController?op=queryById&articleId="+ articles.articleId+"\" class=\"blog-btn\">阅读更多<iclass=\"fa fa-angle-right\"></i></a></div></div>\r\n" +
		"   <div></div></div></div>");
								})
							},"json");
			//显示评论
			$.get("${pageContext.request.contextPath }/CommentsController",{op:"queryLikeTime"},function(data){
	    		 showCom(data);
	    		 }, "json");
			//显示精选文章
			$.get("${pageContext.request.contextPath}/ArticleController",{op:"queryArticles"},function(data) {
				$("#byindexs").empty();
				$.each(data,function(n, articles) {
					var aa=articles.articleContent;
					aa = aa.replace(/(\n)/g, "");    
					aa = aa.replace(/(\t)/g, "");    
					aa = aa.replace(/(\r)/g, "");    
					aa = aa.replace(/<\/?[^>]*>/g, "");    
					aa = aa.replace(/\s*/g, "");  	
					$("#byindexs").append(" <div class=\"col-lg-4 col-md-6\"> \r\n"+
	                                    "  <div class=\"single_service\">\r\n"+ 
										"    <div class=\"single_service_inner\">\r\n"+
										"    <div class=\"icon\"> <i class=\"bx bx-book\"></i></div>\r\n"+ 
										"  <h4>"+ articles.articleTitle+ "</h4> <p style=\"white-space: nowrap;text-overflow:ellipsis;overflow:hidden;\">"+ aa+"</p>\r\n"+
										 " <p><a class=\"btn btn-default\" href='${pageContext.request.contextPath}/ArticleController?op=queryById&articleId="+ articles.articleId+"' role=\"button\">查看详情»</a></p>\r\n"+ 
										 "  </div> </div></div>");
												})
							}, "json");
			
			//用户名框失去焦点事件
			$("#userAccount").blur(function(){
				if($("#userAccount").val()==""){
					$("#userAccountId").html("用户名不能为空")
				}else{
					$("#userAccountId").html("")
				}
			})
			//密码框失去焦点事件
			$("#userPwd").blur(function(){
				if($("#userPwd").val()==""){
					$("#userPwdId").html("密码不能为空")
				}else{
					$("#userPwdId").html("")
				}
			})
			//验证码框失去焦点事件
			$("#checkImg").blur(function(){
				$.post("${pageContext.request.contextPath}/UsersController",{op:"getImgText"},function(data){
					if($("#checkImg").val()==""){
						$("#result").html("验证码不能为空")
					}else{
						if($("#checkImg").val()==data){
							$("#result").html("验证码正确")
						}else{
							$("#result").html("验证码错误")
						}
					}
				})
			})
			//登录按钮点击事件
			$("#loginBtn").click(function(){
				if($("#userAccountId").html()==""&&$("#userAccountId").html()==""&&$("#result").html()=="验证码正确"){
					var formdata=$("#loginform").serialize();
					$.ajax({
						async:true,
						url:"${pageContext.request.contextPath}/UsersController?op=Login",
						type:"POST",
						dataType:"json",
						data:formdata,
						contentType:"application/x-www-form-urlencoded",
						success:function(result){
							$("#li1").html("<nav class='navigation'><ul class='nav menu'>"
									+"<li style='margin-top:20px'><img src='${pageContext.request.contextPath }/DownloadFileServlet?fileName="+result.userImg+"'" 
									+"style='border-radius: 50%; width: 25px; height: 25px; margin-top: 3px;'></li>"
									+"<li style='margin-top:25px'>"+result.userAccount+"</li>"
									+"<li style='margin-top:25px'>积分:"+result.userScore+"</li>"
									+"<li><a href='${pageContext.request.contextPath }/UsersController?op=frontExit'>退出</a></li></ul></nav>");
							$("#myModal").modal("hide");
							$(".modal-backdrop").remove();
						},
						error:function(){
							
						}
					});
				}
			});
		//入口结束	
		})
		
		//更换验证码1
			function changeImg(){
				$.post("${pageContext.request.contextPath }/UsersController",{op:"getimg",getimg:new Date().getTime()},function(data){
					$("#Img").src=data;
				})
			}
		//显示留言
		function showCom(data){
				  $("#testimonial-carousel").empty(); 
				$.each(data,function(n,com){
					$("#testimonial-carousel").append("<div class=\"testi-item d-flex align-items-center\"> <img src=\"${pageContext.request.contextPath}/dist/images/testi-1.jpg\" alt=\"img\">\r\n" + 
							"          <div class=\"testi-content\">\r\n" + 
							"            <p>\" "+com.comText+"\"</p>\r\n" + 
							"            <h3>"+com.userAccount+"</h3>\r\n" + 
							"            <ul class=\"rattings\">\r\n" + 
							"              <li><i class=\"fa fa-star\"></i></li>\r\n" + 
							"              <li><i class=\"fa fa-star\"></i></li>\r\n" + 
							"              <li><i class=\"fa fa-star\"></i></li>\r\n" + 
							"              <li><i class=\"fa fa-star\"></i></li>\r\n" + 
							"              <li><i class=\"fa fa-star\"></i></li>\r\n" + 
							"            </ul>\r\n" + 
							"            <span>"+com.Date+"</span> </div>\r\n" + 
							"          <i class=\"fa fa-quote-right\"></i> </div>");
				})		 
			}
	</script>

</head>

<body>
<!-- Pre Loader -->
	<div id="dvLoading"></div>
	<!-- Header Area -->
	<header class="header">
		<!-- Topbar -->
		<div class="topbar">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-7 col-12" style="margin-left:600px;">
						<!-- Top Contact -->
						<ul class="top-contact">
							<li><i class="fa fa-phone"></i>+010 1234 56789</li>
							<li><i class="fa fa-envelope"></i><a
								href="mailto:support@yourmail.com">support@yourmail.com</a></li>
						</ul>
						<!-- End Top Contact -->
					</div>
				</div>
			</div>
		</div>
		<!-- End Topbar -->
		<!-- Header Inner -->
		<div class="header-inner">
			<div class="container">
				<div class="inner">
					<div class="row">
						<div class="col-lg-2 col-md-3 col-12">
							<!-- Start Logo -->
							<div class="logo">
								<a href="index.jsp"><img src="${pageContext.request.contextPath}/dist/images/logo.png" alt=""></a>
							</div>
							<!-- End Logo -->
							<!-- Mobile Nav -->
							<div class="mobile-nav"></div>
							<!-- End Mobile Nav -->
						</div>
						<div class="col-lg-7 col-md-9 col-12">
							<!-- Main Menu导航 -->
							<div class="main-menu" style="margin-left:120px">
								<nav class="navigation">
									<ul class="nav menu">
										<li class="active"><a href="index.jsp">首页</a></li>
										<li><a href="privacy-policy.jsp">隐私政策</a></li>
										<li><a href="aritcle-list.jsp">文章列表</a></li>
										<li><a href="contact.jsp">发布文章</a></li>
										<!-- <li><a href="404.jsp">跳转错误</a></li> -->
									</ul>
								</nav>
							</div>
            <!--/ End Main Menu --> 
          </div>
          <div class="col-lg-3 col-12" id="li1">
			  <c:if test="${sessionScope.frontUser == null }">
			    <div class="get-quote"> 
			    	<ul>
			    		<li style="display:inline;"><a href="sign-up.jsp" class="btn">注册</a></li>
			    		<li style="display:inline;"><button class="btn" data-toggle="modal" data-target="#myModal">登录</button></li>
			    	</ul>
			    </div>
		      </c:if>
		      <c:if test="${sessionScope.frontUser != null }">
		        <ul class="nav menu">
		        	<!-- 默认头像 -->
			        <c:if test="${sessionScope.frontUser.userImg == null }">
			        	<li style="margin-top:20px">
			        	<img src="${pageContext.request.contextPath }/dist/images/frontuserimg.jpg" style="border-radius: 50%; width: 25px; height: 25px; margin-top: 3px;"></li>
			        </c:if>
			        <!-- 自定义头像 -->
			        <c:if test="${sessionScope.frontUser.userImg != null }">
				        <li style="margin-top:20px">
				          	<img src="${pageContext.request.contextPath }/DownloadFileServlet?fileName=<c:out value="${frontUser.userImg }"></c:out>" style="border-radius: 50%; width: 25px; height: 25px; margin-top: 3px;"></li>
					</c:if>
					<li style="margin-top:25px"><c:out value="${frontUser.userAccount }"></c:out></li>
					<li style="margin-top:25px">积分:<c:out value="${frontUser.userScore }"></c:out></li>
					<li><a href='${pageContext.request.contextPath }/UsersController?op=frontExit'>退出</a></li>
				</ul>
		      </c:if>
		  </div>
        </div>
      </div>
    </div>
  </div>
  <!--/ End Header Inner --> 
</header>
<!-- Quote Section -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="section-title" style="margin-left:215px;">
				<span class="section-span">登录</span>
			</div>
			<form class="quote-form" id="loginform">
				<div class="row" style="margin-left:50px;">
					<div class="col-md-10">
						<input type="text" class="form-control" placeholder="用户名..."
							required id="userAccount" name="userAccount">
						<label id="userAccountId" style="margin-left:15px"></label>
					</div>
				</div>
				<div class="row" style="margin-left:50px;">
					<div class="col-md-10">
						<input type="password" class="form-control" placeholder="密码..."
							required id="userPwd" name="userPwd">
						<label id="userPwdId" style="margin-left:15px"></label>
					</div>
				</div>
				<div class="row" style="margin-left:50px;">
					<div class="col-md-10">
						<input type="text" class="form-control" placeholder="验证码..."
							required id="checkImg" name="checkImg">
						<label></label>
						<img alt="换一张" src="${pageContext.request.contextPath }/UsersController?op=getimg" id="Img"
						style="width:150px;height:30px;margin-left:0px">
						<a href="" onclick="javascript:changeImg();">看不清，换一张</a>
						<br>
						<label id="result" style="margin-left: 15px"></label>	
					</div>
				</div>
            	<div class="modal-footer">
                	<button type="button" class="btn" data-dismiss="modal"  style="margin-left:155px;">关闭</button>
					<button type="button" class="btn" id="loginBtn" name="loginBtn" style="margin-left:0px;">登录</button>
            	</div>
            </form>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- End Header Area --> 
<!-- Start Slider Area -->
<section class="hero-slider hero-style-1">
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <div class="slide-inner slide-bg-image" data-background="${pageContext.request.contextPath}/dist/images/slider-img1.jpg">
          <div class="container">
							<div data-swiper-parallax="300" class="slide-title">
								<h2>通过完整的课程促进职业发展</h2>
							</div>
							<div data-swiper-parallax="400" class="slide-text">
								<p>Lorem ipsum dolor 坐下, 享受高贵的生活。苦瓜</p>
							</div>
							<div class="clearfix"></div>
							<!-- <div data-swiper-parallax="500" class="slide-btns services-btn">
								<a href="services.jsp" class="bttn">服务</a> <a href=""
									class="hero-video-btn video-btn" data-type="iframe"
									tabindex="0"><i class="far fa-play-circle"></i>注意一下</a>
							</div> -->
						</div>
					</div>
					<!-- end slide-inner -->
				</div>
				<!-- end swiper-slide -->

				<div class="swiper-slide">
					<div class="slide-inner slide-bg-image"
						data-background="${pageContext.request.contextPath}/dist/images/slider-img2.jpg">
						<div class="container">
							<div data-swiper-parallax="300" class="slide-title">
								<h2>通过完整的课程促进职业发展</h2>
							</div>
							<div data-swiper-parallax="400" class="slide-text">
								<p>Lorem ipsum dolor 坐下, 享受高贵的生活。苦瓜</p>
							</div>
							<div class="clearfix"></div>
							<!-- <div data-swiper-parallax="500" class="slide-btns services-btn">
								<a href="services.jsp" class="bttn">服务</a> <a href="#"
									class="hero-video-btn video-btn" data-type="iframe"
									tabindex="0"><i class="far fa-play-circle"></i>注意一下</a>
							</div> -->
						</div>
					</div>
        <!-- end slide-inner --> 
      </div>
      <!-- end swiper-slide --> 
    </div>
    <!-- end swiper-wrapper --> 
    <!-- swipper controls -->
    <div class="swiper-pagination"></div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
</section>
<!-- End Slider Area --> 
<!-- Start Feature section Area -->

<!-- End Feature section Area --> 
<!-- 文章显示-开始 -->
<section class="services-sec">
  <div class="container">
    <div class="section-title text-center">
      <div class="section-sub-title">
					<h6>我们的课程</h6>
				</div>
				<div class="section-main-title">
					<h2>精选文章</h2>
				</div>
			<div class="em_bar_bg"></div>
		 	 </div>
     <div class="row" id="byindexs">
     
    </div>  
  </div>
</section>
<!-- End Services Sec Area --> 
<!-- 文章显示-结束 -->
<section class="our-team-sec">
<!-- Start Feature section Area关于我们 -->
<section class="about-sec">
  <div class="container">
    <div class="section-title text-center">
      <div class="section-sub-title">
        <h6>我们做什么</h6>
      </div>
      <div class="section-main-title">
        <h2>关于我们</h2>
      </div>
      <div class="em_bar_bg"></div>
    </div>
    <div class="row">
      <div class="col-lg-6">
        <div class="about-content-block">
          <h3>我们致力于打造一个计算机狂热者技术交流的专业平台</h3>
          <div class="text mb-40">
            <p>古登堡计划创始人Michael S. Hart曾经写过一段话："大多数人没有意识到，电子书有一个特点。它是人类有史以来，
            	制造出来的第一种像空气一样取之不竭的产品。如果你仔细思考这一点，你就会意识到，我们正在做正确的事情。"
				所以，我觉得，我们这个时代的最美好之处，就是知识可以像松下幸之助先生说的自来水一样，人人都可以自由地享用到。
				而我们自己，协助着将这些知识分享出去，亦是为这份美好，作出自己的一份贡献。</p>
            <ul class="list-style-one">
              <li>专业技术学习与交流</li>
              <li>分享问题，大佬解决</li>
              <li>多种计算机技术分享</li>
              <li>轻松应对专业考试</li>
            </ul>
          </div>
          <div class="link-btn mb-30"><a href="sign-up.jsp" class="bttn">加入我们</a></div>
        </div>
      </div>
      <div class="col-lg-6">
        <div class="about-image-block about-img">
          <div class="inner-box">
            <div class="image"> <img src="${pageContext.request.contextPath}/dist/images/dots.png" alt="about bg"> <img class="float-bob-y" src="${pageContext.request.contextPath}/dist/images/about-img.jpg" alt="about Img"> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- End Feature section Area --> 
<!-- Start Counter Sec Area总人数与总活跃统计 -->
<div class="counter-sec-main">
  <div class="container">
    <div class="row">
      <div class="col-md-3 col-sm-6 col-xs-6">
        <div class="counter-sec text-center">
          <div class="animated-bg"><i></i><i></i><i></i> </div>
          <i class="count-icon icon-profile-male"></i> <span class="count-nos" id="target">25890</span>
          <p class="count-lable">Students</p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-6">
        <div class="counter-sec text-center">
          <div class="animated-bg"><i></i><i></i><i></i> </div>
          <i class="count-icon icon-strategy"></i> <span class="count-nos" id="target2">1560</span>
          <p class="count-lable">Instructor</p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-6">
        <div class="counter-sec text-center">
          <div class="animated-bg"><i></i><i></i><i></i> </div>
          <i class="count-icon icon-puzzle"></i> <span class="count-nos" id="target3">21350</span>
          <p class="count-lable">Courses</p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-6">
        <div class="counter-sec text-center">
          <div class="animated-bg"><i></i><i></i><i></i> </div>
          <i class="count-icon icon-trophy"></i> <span class="count-nos" id="target4">128560</span>
          <p class="count-lable">Earnings</p>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 数据统计结束 --> 
</section>
<!-- 最火或者最新留言 -->
<section class="testimonials-sec">
  <div class="dots"></div>
  <div class="container">
   <div class="section-title text-center">
     <div class="section-sub-title">
       <h6> 最新评论 </h6>
     </div>
     <div class="section-main-title">
       <h2> 推荐 </h2>
     </div>
     <div class="em_bar_bg"></div>
   </div>
   <div class="row">
     <div class="col-12" id="showCom">
      <div id="testimonial-carousel" class="testimonial-carousel box-shadow owl-carousel">
        <!-- Start Testimonials Item -->
        <div class="testi-item d-flex align-items-center"> <img src="${pageContext.request.contextPath}/dist/images/testi-1.jpg" alt="img">
          <div class="testi-content">
            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante, commodo iacul viverra."</p>
            <h3>John Doe</h3>
            <ul class="rattings">
              <li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
            </ul>
            <span>Director</span> </div>
          <i class="fa fa-quote-right"></i> 
          </div>
           <!-- End Testimonials Item -->
                   <!-- Start Testimonials Item -->
       <%--  <div class="testi-item d-flex align-items-center"> <img src="${pageContext.request.contextPath}/dist/images/testi-2.jpg" alt="img">
          <div class="testi-content">
            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante, commodo iacul viverra."</p>
            <h3>John Doe</h3>
            <ul class="rattings">
              <li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
            </ul>
            <span>Director</span> </div>
          <i class="fa fa-quote-right"></i>
           </div>
           <!-- End Testimonials Item -->
           <!-- Start Testimonials Item -->
        <div class="testi-item d-flex align-items-center"> <img src="${pageContext.request.contextPath}/dist/images/testi-3.jpg" alt="img">
          <div class="testi-content">
            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante, commodo iacul viverra."</p>
            <h3>John Doe</h3>
            <ul class="rattings">
              <li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
            </ul>
            <span>Director</span> </div>
          <i class="fa fa-quote-right"></i> </div> --%>
           <!-- End Testimonials Item -->
        </div>
        
     </div>
   </div>
  </div>
</section>
<!-- 留言结束 -->
<!-- 最火文章或者名师讲堂 -->
<section class="blog-sec">
  <div class="container">
    <div class="section-title text-center">
      <div class="section-sub-title">
        <h6> 我们的 </h6>
      </div>
      <div class="section-main-title">
        <h2> 最新文章</h2>
      </div>
      <div class="em_bar_bg"></div>
    </div>
    <div class="row" id="last">
     <%--  <div class="col-lg-4 col-md-6">
         <!-- Start Single Blog Sec -->
         <div class="blog-card">
          <div class="blog-img"> <a href="blog-single.jsp"><img src="${pageContext.request.contextPath}/dist/images/blog-img1.jpg" alt=""></a>
            <div class="blog-date"> <span>21 Feb</span> </div>
          </div>
          <div class="blog-text">
            <h3><a href="blog-single.jsp">7 Education Reports That Defined</a></h3>
            <div class="post-info"> <img src="${pageContext.request.contextPath}/dist/images/blog-author-1.png" alt=""> <a href="#" class="ml-3">
              <p> Aikin Ward</p>
              </a> <a href="blog-single.jsp" class="blog-btn"> Read More <i class="fa fa-angle-right"></i>
              </a> </div>
          </div>
          <div></div>
        </div>        
      </div>
      <div class="col-lg-4 col-md-6">
        <!-- Start Single Blog Sec -->
        <div class="blog-card">
         <div class="blog-img"> <a href="blog-single.jsp"><img src="${pageContext.request.contextPath}/dist/images/blog-img2.jpg" alt=""></a>
           <div class="blog-date"> <span>21 Feb</span> </div>
         </div>
         <div class="blog-text">
           <h3><a href="blog-single.jsp">7 Education Reports That Defined</a></h3>
           <div class="post-info"> <img src="${pageContext.request.contextPath}/dist/images/blog-author-2.png" alt=""> <a href="#" class="ml-3">
             <p>Aikin Ward</p>
             </a> <a href="blog-single.jsp" class="blog-btn"> Read More <i class="fa fa-angle-right"></i>
             </a> </div>
         </div>
         <div></div>
       </div>        
     </div>
     <div class="col-lg-4 col-md-6">
      <!-- Start Single Blog Sec -->
      <div class="blog-card">
       <div class="blog-img"> <a href="blog-single.jsp"><img src="${pageContext.request.contextPath}/dist/images/blog-img3.jpg" alt=""></a>
         <div class="blog-date"> <span>21 Feb</span> </div>
       </div>
       <div class="blog-text">
         <h3><a href="blog-single.jsp">7 Education Reports That Defined</a></h3>
         <div class="post-info"> <img src="${pageContext.request.contextPath}/dist/images/blog-author-3.png" alt=""> <a href="#" class="ml-3">
           <p>Aikin Ward</p>
           </a> <a href="blog-single.jsp" class="blog-btn"> Read More <i class="fa fa-angle-right"></i>
           </a> </div>
       </div>
       <div></div>
     </div>         
   </div> --%>
    </div>
  </div>
</section>
<!-- 精选结束 -->

<!-- footer -->
<footer class="bg-black">
  <div class="container p-footer">
    <div class="row justify-content-between">
      <!-- footer content -->
      <div class="col-lg-5 mb-5 mb-lg-0">
        <!-- logo -->
        <a class="mb-4 f-logo d-inline-block" href="index.jsp"><img src="${pageContext.request.contextPath}/dist/images/footer-logo.png" alt=""></a>
        <p class="text-light">中国专业IT社区，致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。
        						为AI爱好者提供一站式从入门到熟练运用到工作中的学习平台 
								提供拟真实验环境，让学员学习后直接具备在公司真实线上环境完成分配的工作内容能力  
								全面提升学员基础能力+编码能力+实战能力，一次补齐后续工作中所有短板。
		</p>
      </div>
      <div class="col-lg-6">
        <div class="row">
          <div class="col-6">
            <h4 class="text-white mb-4">友情链接</h4>
            <ul class="list-styled">
              <li class="mb-lg-3 mb-2 text-light"><!-- <a class="text-light d-block" href="index.jsp"></a> --></li>
              <li class="mb-lg-3 mb-2 text-light"><!-- <a class="text-light d-block" href="about.jsp"></a> --></li>
              <li class="mb-lg-3 mb-2 text-light"><!-- <a class="text-light d-block" href="blog.jsp"></a> --></li>
              <li class="mb-lg-3 mb-2 text-light"><!-- <a class="text-light d-block" href="team.jsp"></a> --></li>
              <li class="mb-lg-3 mb-2 text-light"><!-- <a class="text-light d-block" href="contact.jsp"></a> --></li>
            </ul>
          </div>
          <div class="col-6">
            <h4 class="text-white mb-4">诚招合作商</h4>
            <ul class="list-unstyled">
              <li class="text-light mb-3"></li>
              <li class="text-light mb-3"></li>
              <li class="text-light mb-3"></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- copyright -->
  <div class="container copyright-c">
    <div class="row">
      <div class="col-lg-6 col-md-12 text-center text-center text-lg-left mb-3 mb-md-0">
        <p class="mb-0 text-white">Copyright &copy; 2020.Company name All rights reserved.
      </div>
    </div>
  </div>
</footer><!-- footer -->
<!--jquery js --> 
<script src="${pageContext.request.contextPath}/dist/js/jquery-min.js"></script> 
<!-- Popper Min JS --> 
<script src="${pageContext.request.contextPath}/dist/js/popper.min.js"></script> 
<!--jquery js --> 
<script src="${pageContext.request.contextPath}/dist/js/bootstrap.min.js"></script> 
<!--jquery js --> 
<script src="${pageContext.request.contextPath}/dist/js/plugins.js"></script> 
<!--Fontawesome js --> 
<script src="${pageContext.request.contextPath}/dist/js/fontawesome.js"></script> 
<!-- Owl Carousel js --> 
<script src="${pageContext.request.contextPath}/dist/js/swiper-slider.js"></script> 
<!-- Fancybox js --> 
<script src="${pageContext.request.contextPath}/dist/js/fancybox.js"></script> 
<!--owl.carousel js --> 
<script src="${pageContext.request.contextPath}/dist/js/jquery.animateNumber.min.js"></script> 
<!-- MagnificPopup JS --> 
<script src="${pageContext.request.contextPath}/dist/js/jquery.magnific-popup.min.js"></script> 
<!-- Slicknav js --> 
<script src="${pageContext.request.contextPath}/dist/js/slicknav.min.js"></script> 
<!--jquery js --> 
<script src="${pageContext.request.contextPath}/dist/js/custom.js"></script>
</body>
</html>
